$(function(){
var i=0;
var timer=null;
for (var j = 0; j < $('#lunbo_ul li').length/4; j++) { //创建圆点
$('.num').append('<li></li>')
}
$('.num li').first().addClass('active'); //给第一个圆点添加样式
var firstli1=$('#lunbo_ul li:eq(0)').clone(); //复制第一张图片
var firstli2=$('#lunbo_ul li:eq(1)').clone();
var firstli3=$('#lunbo_ul li:eq(2)').clone();
var firstli4=$('#lunbo_ul li:eq(3)').clone();

//将第一张图片放到最后一张图片后，设置ul的宽度为图片张数*图片宽度
$('#lunbo_ul').append(firstli1).width($('#lunbo_ul li').length*($('#lunbo_ul li').width()));
$('#lunbo_ul').append(firstli2).width($('#lunbo_ul li').length*($('#lunbo_ul li').width()));
$('#lunbo_ul').append(firstli3).width($('#lunbo_ul li').length*($('#lunbo_ul li').width()));
$('#lunbo_ul').append(firstli4).width($('#lunbo_ul li').length*($('#lunbo_ul li').width()));

 


// 下一个按钮
$('#sy_new_left_bt').click(function(){
i++;
if (i==$('#lunbo_ul li').length/4) {
i=1; //这里不是i=0
$('#lunbo_ul').css({left:0}); //保证无缝轮播，设置left值
};
$('#lunbo_ul').stop().animate({left:-i*1200},600);
if (i==$('.num li').length-1) { //设置小圆点指示
$('.num li').eq(0).addClass('active').siblings().removeClass('active');
}else{
$('.num li').eq(i).addClass('active').siblings().removeClass('active');
}
})


// 上一个按钮
$('#sy_new_right_bt').click(function(){
i--;
console.log($('#lunbo_ul li').length/4);
if (i==-1) {
i=$('#lunbo_ul li').length/4-2;
$('#lunbo_ul').css({left:-($('#lunbo_ul li').length/4-1)*1200});
}
$('#lunbo_ul').stop().animate({left:-i*1200},600);
$('.num li').eq(i).addClass('active').siblings().removeClass('active');
})


//鼠标划入圆点
$('.num li').mouseover(function(){
var _index=$(this).index();
$('#lunbo_ul').stop().animate({left:-_index*1200},600);
$('.num li').eq(_index).addClass('active').siblings().removeClass('active');
})


//定时器自动播放
timer=setInterval(function(){
i++;
if (i==$('#lunbo_ul li').length/4) {
i=1;
$('#lunbo_ul').css({left:0});
};
$('#lunbo_ul').stop().animate({left:-i*1200},600);
if (i==$('#lunbo_ul li').length/4-1) { 
$('.num li').eq(0).addClass('active').siblings().removeClass('active');
}else{
$('.num li').eq(i).addClass('active').siblings().removeClass('active');
}
},3000)


//鼠标移入，暂停自动播放，移出，开始自动播放
$('#lunbo_ul,.sy_new_left_bt,.sy_new_right_bt').hover(function hover(){ 
clearInterval(timer);
},function(){
timer=setInterval(function(){
i++;
if (i==$('#lunbo_ul li').length/4) {
i=1;
$('#lunbo_ul').css({left:0});
};
$('#lunbo_ul').stop().animate({left:-i*1200},600);
if (i==$('.img li').length/4-1) { 
$('.num li').eq(0).addClass('active').siblings().removeClass('active');
}else{
$('.num li').eq(i).addClass('active').siblings().removeClass('active');
}
},3000)
})
})
